.featured
{
  width: 550px;
  position: relative;
  height: 330px;
  background: #fff;
}
.featured ul.ui-tabs-nav
{
  position: absolute;
  top: 0;
  left: 270px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 280px;
  height: 330px;
}
.featured ul.ui-tabs-nav li
{
  padding: 1px 0;
  padding-left: 13px;
  text-align: justify;
  color: #666;
}
.featured ul.ui-tabs-nav li .title
{
  height: 14px;
  width: 270px;
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  padding: 0 5px;
  overflow: hidden;
}
.featured ul.ui-tabs-nav li img
{
  width: 80px;
  height: 69px;
  float: left;
  margin: 2px 5px 3px;
  background: #fff;
  padding: 3px;
  border: 1px solid #eee;
}
.featured ul.ui-tabs-nav li span
{
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 17px;
}
.featured li.ui-tabs-nav-item a
{
  display: block;
  height: 98px;
  color: #333;
  background: #fff;
  overflow: hidden;
  padding: 5px;
  margin-bottom: 2px;
}
.featured li.ui-tabs-nav-item a:hover
{
  background: #eee;
}
.featured li.ui-tabs-selected
{
}
.featured ul.ui-tabs-nav li.ui-tabs-selected a
{
  background: #e4eff8;
}
.featured .ui-tabs-panel
{
  width: 270px;
  height: 330px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.featured .ui-tabs-panel .info
{
  position: absolute;
  top: 210px;
  left: 0;
  width: 265px;
  height: 120px;
  padding: 0 10px 0 5px;
  background: url(images/transparent-bg.png) repeat left top;
}
.featured .info h2
{
  font: bold 11px Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #fff;
  padding: 5px;
  margin: 0;
  overflow: hidden;
}
.featured .info p
{
  margin: 0 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #f0f0f0;
}
.featured .info a
{
  text-decoration: none;
  color: #fff;
}
.featured .info a:hover
{
  text-decoration: underline;
}
.featured .ui-tabs-hide
{
  display: none;
}


/* ------------------ */
#slider
{
  width: 204px; /* important to be same as image width */
  height: 136px; /* important to be same as image height */
  position: relative; /* important */
  overflow: hidden; /* important */
}
#sliderContent
{
  width: 204px; /* important to be same as image width or wider */
  height: 136px;
  position: absolute;
  top: 0;
  margin-left: 0;
}
.sliderImage
{
  float: left;
  display: none;
  height: 136px;
}
.sliderImage span
{
  position: absolute;
  font: 10px/15px Arial, Helvetica, sans-serif;
  padding: 10px 0px;
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  color: #fff;
  display: none;
}
.clear
{
  clear: both;
}
.sliderImage span strong
{
  font-size: 14px;
}
.top
{
  top: 0;
  left: 0;
}
.bottom
{
  bottom: 0;
  left: 0;
}
